<template>
    <div class="allBody">
        <CheckResumesHead></CheckResumesHead>
        <div class="select">
            <div class="selection">
                <div class="goto">
                    <el-link :underline="false" @click="showMarket">招聘市场</el-link>
                    <el-link :underline="false" @click="showResumeInfo">公司邮箱</el-link>
                    <el-link :underline="false" @click="showHire">招聘岗位</el-link>
                    <el-link :underline="false" @click="showDetail">公司信息</el-link>
                </div>
            </div>
        </div>
        <CheckResumesInfo v-if="this.$store.state.mainform === '公司邮箱'"></CheckResumesInfo>
        <HirePosition v-if="this.$store.state.mainform === '招聘岗位'"></HirePosition>
        <PositionBrowsing v-if="this.$store.state.mainform === '招聘市场'"></PositionBrowsing>
        <CompanyDetail v-if="this.$store.state.mainform === '公司信息'"></CompanyDetail>
    </div>
</template>
<script>
import CheckResumesHead from '@/components/CheckResumesHead.vue';
import CheckResumesInfo from '@/components/CheckResumesInfo.vue';
import HirePosition from '@/components/HirePosition.vue';
import PositionBrowsing from '@/components/PositionBrowsing.vue';
import axios from 'axios'
import CompanyDetail from '@/components/CompanyDetail.vue';
export default {
    name: "CheckResumes",
    components: { CheckResumesHead, CheckResumesInfo, HirePosition, PositionBrowsing, CompanyDetail },
    data() {
        return {
            mainform: '',

        }
    },
    methods: {
        showResumeInfo() {
            this.$store.commit('changeMainform', '公司邮箱')
            this.$store.commit('changeCompanySeekertoFalse')
            this.$store.commit('ChangeIsSeekerToCompany')


        },
        showMarket() {
            this.$store.commit('changeMainform', '招聘市场')
            this.$store.commit('changeCompanySeekertoTrue')
            this.$store.commit('ChangeIsCompanyToSeeker')
        },
        showHire() {
            this.$store.commit('changeMainform', '招聘岗位')
            this.$store.commit('changeCompanySeekertoFalse')
            this.$store.commit('ChangeIsSeekerToCompany')

        },
        showDetail() {
            this.$store.commit('changeMainform', '公司信息')
            this.$store.commit('changeCompanySeekertoFalse')
            this.$store.commit('ChangeIsSeekerToCompany')

        }

    }
}
</script>
<style scoped>
.allBody {
    width: 100vw;
    height: 100%;
    background-color: rgb(227, 243, 246);
    position: relative;
}

.select {
    width: 100px;
    height: 200px;
    top: 0;
    left: 20px;
    background-color: #fff;
    border-radius: 10%;
    float: left;
    position: sticky;
    z-index: 5
}

.goto {

    padding-top: 10px;
}

.goto>* {
    display: block;
    margin-top: 20px;
}
</style>